<template>
    <!-- 列表的大盒子 -->
    <div class="bigbox">
        <div class="title">
            Logo
        </div>
        <div class="list">
            <div class="list-content">
                <div class="top">
                    <h4>{{ data.title }}</h4>
                    <img src="./images/down.png" alt="图片无法显示">
                </div>
                <h4> {{data.number}}</h4>
                <h5>applications validated</h5>
                <h4>{{ data.HKD }}</h4>
                <h6>{{ data.price }}</h6>
                <h5>{{ data.time }}</h5>
                <h6>{{ data.trading }}</h6>
            </div>
        </div>
    </div>
</template>
  
<script>

export default {
    name: 'LogoItem',
    props: {
        data:{
            type:Object,
            required:true
        }
    }
}
</script>
  
<style lang="less" scoped>
.bigbox {
    margin-top: 30px;
    margin-left: 20px;
    width: 270px;
    height: 360px;
    background-color: #ffffff;
    border-radius: 20px;
    overflow: hidden;

    .title {
        background-color: #20435b;
        height: 120px;
        text-align: center;
        line-height: 120px;
        font-size: 40px;
        color:#fff;
    }

    .list {
        height: 150px;
        width: 100%;
        display: flex;
        justify-content: center;

        .list-content {
            margin-top: 30px;
            width: 230px;
            height: 100%;

            h4 {
                font-size: 20px;
                color: #2a5579;
                margin-bottom: 8px;

            }

            h5 {
                font-size: 16px;
                color: #2a5579;
                margin-bottom: 8px;
            }

            h6 {
                font-size: 12px;
                color: #2a5579;
                margin-bottom: 8px;
            }

            .top {
                display: flex;
                justify-content: space-between;

                img {
                    transform: translateY(-3px);
                }
            }
        }
    }
}</style>
  